<template>
    <page-scroll :footer="true">
          <template #bg>
              <div class="bg"></div>
          </template>
          <template #header>
              <gltitle :title="title"
                       :is_name="true"
                       :is_back="true"
                       :is_lang="false"
                       :is_kf="false"
              ></gltitle>
          </template>
          <template #content>
      <div class="container">
        <!-- <h2>{{$route.query.title}}</h2> -->
        <div class="p" v-html="datas.description"></div>
      </div>
          </template>
    </page-scroll>
  </template>
  <script>
  
  export default {
  
    data() {
      return {
        title:this.$t('page4.doc4'),
        datas: []
      };
    },
  
    mounted() {
      this.$post(this.URL.home.article, {
        categoryType:"SPECIES"
      }).then((res) => {
        if (res.code == 0) {
          this.datas = res.data
        } else {
          this.$toast(res.message);
        }
      });
    },
    methods: {
      path_url(url){
        this.$router.push({
          path:url,
          query:{
          }
        });
      },
    },
  };
  </script>
  
  
  <style lang="less" scoped>
  h2 {
    margin: .3rem 0 .16rem 0;
    font-size: .48rem;
    font-weight: 500;
    color: #ffffff;
    line-height: .66rem;
  }
  .str {
    font-size: .24rem;
    font-weight: 400;
    color: #a4a8b7;
    line-height: .34rem;
    margin-bottom: .3rem;
  }
  .p{
    // color: #8F9AAE;
    line-height: .4rem;
  }
  /deep/ .p{
    img{
      width: 100% !important;
      height: auto !important;
    }
  }
  
  </style>